<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition template="/templates/templateDetalhe.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="conteudo">
		<ui:param name="actionBean" value="#{marcacaoConsultaMB}" />

		<p:panel id="paneldetalhe" width="100%" height="80%" closable="false"
			header="Consulta">

			<h:form>
				<p:hotkey bind="esc"
					handler="document.getElementById('frm:btnCancelar').click()" />
			</h:form>

			<h:form id="frm">

				<h:panelGrid columns="3" style="horizontal-align:center"
					width="100%">
					<h:panelGrid columns="1">
						<h:panelGrid columns="2">

							<p:outputLabel value="Ficha:" />
							<p:inputText id="ficha"
								value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.codigo}"
								disabled="true" />


							<p:outputLabel value="Veterinário:"></p:outputLabel>
							<p:inputText id="veterinario"
								value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.funcionario.dadosCadastro.nome}"
								disabled="true" size="50" maxlength="60" />

							<p:outputLabel value="Cliente:" />

							<p:inputText id="nome"
								value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.cliente.dadosCadastro.nome}"
								disabled="true" size="50" />

							<p:outputLabel value="Paciente:"></p:outputLabel>
							<p:inputText id="pac"
								value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.animal.nomeAnimal}"
								disabled="true" size="50" maxlength="60" />

							<p:outputLabel value="Idade:"></p:outputLabel>
							<p:inputText id="idade"
								value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.animal.idade}"
								disabled="true" size="50" maxlength="60" />

							<p:outputLabel value="Sexo:"></p:outputLabel>
							<p:inputText id="sexo"
								value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.animal.generoAnimal.descricao}"
								disabled="true" size="50" maxlength="60" />


							<p:outputLabel value="Observação:"></p:outputLabel>
							<p:inputText id="observacao"
								value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.observacao}"
								disabled="true" style="width:300px" maxlength="60" />

						</h:panelGrid>


					</h:panelGrid>

					<h:panelGrid columns="2">
						<p:outputLabel value="Status:"></p:outputLabel>
						<p:selectOneMenu
							value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.statusAgendamento}"
							required="true" id="status"
							disabled="#{marcacaoConsultaMB.consultando}">
							<f:selectItems var="status"
								value="#{marcacaoConsultaMB.listaStatus}"
								itemLabel="#{status.descricao}" itemValue="#{status}"></f:selectItems>
						</p:selectOneMenu>



						<p:outputLabel value="Data Marcada:" />
						<p:inputMask
							value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.dataMarcada}"
							disabled="true" maxlength="10" id="dataNasc" mask="99/99/9999">
							<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-3" />
						</p:inputMask>

						<p:outputLabel value="Hora Marcada:" for="horamarc"></p:outputLabel>
						<p:inputMask id="horamarc"
							value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.agendamento.horaMarcada}"
							required="true" requiredMessage="Hora Marcada é obrigatória!"
							disabled="true" mask="99:99" converter="horaConverter">
						</p:inputMask>

					</h:panelGrid>


					<p:outputPanel id="tabelahistorico">
						<p:dataTable id="tbhistorico" paginatorPosition="bottom" rows="3"
							paginator="true" style="width:100%;padding: 5px !important;"
							value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.historicos}"
							selectionMode="single" var="item" rowKey="#{item.codigo}"
							emptyMessage="Não há registros na lista">
							<f:facet name="header">Histórico
									<p:columnGroup>
									<p:commandLink
										oncomplete="dialogCadastroHistoricoClinico.show()"
										actionListener="#{marcacaoConsultaMB.abrirModalHistorico}"
										title="Incluir Informações no Histórico" immediate="false"
										id="btnIncHist" ajax="true"
										update=":frmDialogHistoricoClinico"
										rendered="#{not marcacaoConsultaMB.consultando}">
										<h:graphicImage value="/imagens/calendar_1.png" width="15"
											height="15"></h:graphicImage>
									</p:commandLink>
									<p:tooltip id="toolTipFade" for="btnIncHist"
										value="Clique para preenche histórico clínico" />
								</p:columnGroup>
							</f:facet>
							<p:column headerText="Data">
								<h:outputText value="#{item.data}">
									<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-3"></f:convertDateTime>
								</h:outputText>
							</p:column>
							<p:column headerText="Hora">
								<h:outputText value="#{item.hora}" converter="horaConverter"></h:outputText>
							</p:column>
							<p:column headerText="Observações">
								<p:outputLabel value="#{item.observacao}"></p:outputLabel>
							</p:column>
							<p:column headerText="Ação" style="text-align:center">
								<p:commandLink update=":frm:tabelahistorico"
									rendered="#{not marcacaoConsultaMB.consultando}"
									actionListener="#{marcacaoConsultaMB.excluirHistorico(item)}">
									<p:graphicImage value="/imagens/x.png" height="14"></p:graphicImage>
								</p:commandLink>

								<p:commandLink id="btnConsulta" title="Consultar"
									oncomplete="dialogCadastroHistoricoClinico.show()"
									actionListener="#{marcacaoConsultaMB.historicoMB.abrirModal}"
									update=":frmDialogHistoricoClinico">
									<p:graphicImage value="/imagens/find.png" height="14"></p:graphicImage>
									<p:tooltip id="toolTipconshist" for="btnConsulta"
										value="Clique para consultar o Histórico" />
									<f:param name="modooperacao" value="CONSULTAR"></f:param>
									<f:setPropertyActionListener value="#{item}"
										target="#{marcacaoConsultaMB.historicoMB.historicoClinicoSelecionado}" />
								</p:commandLink>

							</p:column>
						</p:dataTable>
					</p:outputPanel>

				</h:panelGrid>

				<h:panelGrid columns="1" width="100%">

					<p:dataTable id="tbreceita" paginator="true" style="width:100%;"
						paginatorPosition="bottom"
						value="#{marcacaoConsultaMB.marcacaoConsultaSelecionado.receitas}"
						var="item" selectionMode="single" rowKey="#{item.codigo}"
						emptyMessage="Não há registros na lista">
						<f:facet name="header">Receitas
						<p:commandButton actionListener="#{marcacaoConsultaMB.abrirModal}"
								style="float:left;width:20px !important;height:20px !important"
								oncomplete="dialogCadastroReceita.show()"
								update=":frmDialogReceita,:dialogCadastro"
								icon="ui-icon-circle-plus" title="Incluir Receitas"
								immediate="false" id="btnIncReceitas" ajax="true"
								rendered="#{not marcacaoConsultaMB.consultando}">
								<p:tooltip id="toolTipFade" for="btnIncReceitas"
									value="Clique para cadastrar as Receitas" />

							</p:commandButton>
							<p:commandButton id="btnImp" title="Imprimir receituário"
								ajax="false"
								style="float:left;width:20px !important;height:20px !important"
								icon="ui-icon-print"
								action="#{marcacaoConsultaMB.imprimirReceita}">
								<p:tooltip id="toolTipimp" for="btnImp"
									value="Clique para imprimir a Receita" />
							</p:commandButton>

						</f:facet>
						<p:column headerText="Medicamento">
							<h:outputLabel value="#{item.medicamento}"></h:outputLabel>

						</p:column>
						<p:column headerText="Posologia">
							<p:outputLabel value="#{item.posologia}"></p:outputLabel>
						</p:column>

						<p:column headerText="Ação" style="text-align:center">


							<p:commandLink id="btnConsulta" title="Consultar"
								oncomplete="dialogCadastroReceitaConsulta.show()"
								update=":frmDialogReceitaCons">
								<p:graphicImage value="/imagens/find.png" height="14"></p:graphicImage>
								<p:tooltip id="toolTipcons" for="btnConsulta"
									value="Clique para consultar a Receita" />

								<f:setPropertyActionListener value="#{item}"
									target="#{marcacaoConsultaMB.receita}" />
							</p:commandLink>
							<p:spacer width="10"></p:spacer>
							<p:commandLink update=":frm:tbreceita,:mensagem" id="btnexc"
								rendered="#{not marcacaoConsultaMB.consultando}" ajax="true"
								actionListener="#{marcacaoConsultaMB.excluirReceita(item)}">
								<p:graphicImage value="/imagens/x.png" height="14"></p:graphicImage>
								<p:tooltip id="toolTipexc" for="btnexc"
									value="Clique para excluir a Receita" />
							</p:commandLink>

						</p:column>

					</p:dataTable>
				</h:panelGrid>


				<h:panelGrid columns="6">
					<p:commandButton id="btnConfirma"
						rendered="#{not marcacaoConsultaMB.consultando}"
						action="#{marcacaoConsultaMB.salvar}" value="Confirma"
						update=":mensagem" />


					<p:commandButton id="btnCancelar" value="Cancelar" immediate="true"
						action="#{actionBean.sairDetalhe}" />

				</h:panelGrid>

			</h:form>
		</p:panel>

		<ui:include src="dialogCadastroReceita.xhtml" />
		<ui:include src="dialogCadastroReceitaConsulta.xhtml" />
		<ui:include src="dialogCadastroHistoricoClinico.xhtml" />

	</ui:define>
</ui:composition>
